<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.css" />
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/static_data.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/static_ajax.js" type="text/javascript" charset="utf-8"></script>
		<style>
			#main {
				width: 20%;
			}
			
			#login-form {
				margin-top: 20%;				
			}
			
			#login-button {
				margin-top: 10%;
				margin-left: 80%;
				width: 20%;
			}
			
			#explain {
				
				padding-top: 10%;
			}
		</style>
	</head>

	<body id="app">
		<div id="main" class="container">
			<div class="container">
				<p id="explain">暂时只提供测试账号admin，密码fff</p>
			</div>
			<form id="login-form">
				<input class="form-control" type="text" id="name" v-model="name" />
				<input class="form-control" type="password" id="password" v-model="password" />
				<input class="form-control" type="button" id="login-button" value="登录" v-on:click="login" />
			</form>
		</div>
	</body>

	<script src="js_locgic/login.js" type="text/javascript" charset="utf-8"></script>

</html>